#include("/template/common/layout/_page_layout.html")
#@layout()

#define css()
<style>

</style>
#end

#define js()
<script type="text/javascript">
    layui.use(['table', 'layer'], function () {
        var table = layui.table
            , layer = layui.layer
            , $ = layui.jquery
            , form = layui.form;

        // 表格渲染
        var tableIns = table.render({
            elem: '#dateTable'                  //指定原始表格元素选择器（推荐id选择器）
            , id: 'dateTable'
            , even: true //开启隔行背景
            , size: 'sm' //小尺寸的表格
            , height: 'full-150'    //容器高度
            , cols: [[                  //标题栏
                {type: 'numbers', fixed: true, unresize: 'true'}
                , {field: 'name', title: '架构名称', minWidth: 150,sort:true}
                , {field: 'orgTypeName', title: '组织类型', minWidth: 150, toolbar: '#orgName'}
                // , {field: 'orgID', title: '组织编号', minWidth: 150,sort:true}
                , {field: 'parentName', title: '上级架构', minWidth: 100,sort:true}
                // , {field: 'createUserID', title: '创建用户ID', minWidth: 100,sort:true}
                , {field: 'createTime', title: '创建时间', minWidth: 150,sort:true}
                // , {field: 'remark', title: '备注', minWidth: 100}
                , {fixed: 'right', title: '操作', minWidth: 260, align: 'center', toolbar: '#barOption'}

            ]]
            , url: '#(ctxPath)/app/OrgStructure/tableData?orgType=#(orgType)'
            , method: 'get'
            , request: {
                pageName: 'pageNumber' //页码的参数名称，默认：page
                ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
            }
            , page: true
            , limits: [30, 60, 90, 150, 300]
            , limit: 30 //默认采用30
            , loading: true
            , done: function (res, curr, count) {
            }
            , text: {
                none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
            }

        });

        table.on('tool(dateTable)', function(obj) {
            var data = obj.data;
            if (obj.event === 'addPerson') {
                pop_show('添加架构人员', '#(ctxPath)/app/OrgStructure/addPerson?id=' + data.id + '&orgType=#(orgType)', '', '', function () {
                });
            }else if(obj.event === 'update'){
                pop_show('修改架构信息', '#(ctxPath)/app/OrgStructure/updateStructure?id=' + data.id, '', '', function () {
                    reloadTable($('#name').val());
                });
            }else if(obj.event === 'addStructure'){
                pop_show('添加子架构','#(ctxPath)/app/OrgStructure/addStructure?orgType=#(orgType)&parentID=' + data.id, '','',function () {
                    reloadTable($('#name').val());
                });
            }else if (obj.event === 'showPerson') {
                pop_show('查看架构成员', '#(ctxPath)/app/OrgStructure/showPerson?structureID=' + data.id + '&orgType=#(orgType)', '', '', function () {
                });
            }
        });
        //添加架构
        $("#add").click(function(){
            pop_show('添加根架构','#(ctxPath)/app/OrgStructure/addStructure?orgType=#(orgType)','','', function(){
                reloadTable($('#name').val());
            });
        });
        reloadTable = function (name) {
            table.reload('dateTable', {
                url: '#(ctxPath)/app/OrgStructure/tableData?orgType=#(orgType)'
                ,where: {name: name} //设定异步数据接口的额外参数
            });
        }

        form.on('submit(search)', function(data){
            reloadTable(data.field.name);
            return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });
    });


</script>
#end

#define content()
<div class="layui-fluid">
    <form id="searchForm" class="layui-form x-center" action="" >
        <div class="layui-form-pane">
            <div class="layui-form-item">
                <label class="layui-form-label">架构名称</label>
                <div class="layui-input-inline">
                    <input type="text" id="name" name="name" placeholder="架构名称" class="layui-input"/>
                </div>
                <div class="layui-input-inline" style="width : 80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="search"><i class="layui-icon">&#xe615;</i></button>
                </div>
            </div>
        </div>
    </form>
    <hr>
    <div class="layui-row">
        <div class="layui-btn-group">
            #shiroHasPermission('/app/OrgStructure/addPerson')
            <button id="add" class="layui-btn layui-btn-small">添加架构</button>
            #end
        </div>
        <table id="dateTable" lay-filter="dateTable"></table>
    </div>
</div>

<script type="text/html" id="barOption">
    #shiroHasPermission('/app/OrgStructure/addPerson')
    <a class="layui-btn layui-btn-xs" lay-event="addPerson">邀请</a>
    #end

    #shiroHasPermission('/app/OrgStructure/updateStructure')
    <a class="layui-btn layui-btn-xs layui-btn-warm" lay-event="update">修改</a>
    #end

    #shiroHasPermission('/app/OrgStructure/addStructure')
    <a class="layui-btn layui-btn-xs" lay-event="addStructure">添加子架构</a>
    #end

    <a class="layui-btn layui-btn-xs layui-btn-normal" lay-event="showPerson">成员</a>

</script>

<script type="text/html" id="orgName">
    #[[
    {{#  if(d.orgType == '0'){ }}
    ]]#
        管理机构
    #[[
    {{# } }}
    ]]#

    #[[
    {{#  if(d.orgType == '1'){ }}
    ]]#
        企业机构
    #[[
    {{# } }}
    ]]#
    #[[
    {{#  if(d.orgType == '2'){ }}
    ]]#
        服务机构
    #[[
    {{# } }}
    ]]#
    #[[
    {{#  if(d.orgType == '3'){ }}
    ]]#
        审查团体
    #[[
    {{# } }}
    ]]#
    #[[
    {{#  if(d.orgType == '4'){ }}
    ]]#
        专业团体
    #[[
    {{# } }}
    ]]#
</script>
#end